<template>
  <ul>
    <li v-for="(item, index) in props.items">
      <slot
        :item="item"
        :index="index"
        :another-attribute="anotherAttribute"
      ></slot>
    </li>
  </ul>
</template>
<script setup lang="ts">
import { watch } from "vue";
// js 语法
// const porps = defineProps({
//   msg: {
//     type: String,
//     default: "默认值",
//   },
// });

// ts 语法，无默认值版本
// const props = defineProps<{
//   msg?: string | number | boolean;
//   title?: string;
// }>();

// ts 语法，有默认值版本
const props = withDefaults(
  defineProps<{
    items: any;
    anotherAttribute?: string;
  }>(),
  {
    anotherAttribute: "withDefaults 初始化的默认值",
  }
);
</script>
